<template>
    <div>
          <!-- 弹出框忘记密码 -->
      <el-dialog title="修改密码" :visible.sync="dialogFormVisible" :modal-append-to-body="false"> 
        <!-- 这个让黑色莫泰框压下去 -->
        <el-form :model="form1">
          <el-form-item label="用户名" :label-width="formLabelWidth">
            <el-input v-model="form1.username" autocomplete="off"></el-input>
          </el-form-item>
          <el-form-item label="新密码" :label-width="formLabelWidth">
            <el-input v-model="form1.password" autocomplete="off"></el-input>
          </el-form-item>
          <el-form-item label="再次输入" :label-width="formLabelWidth">
            <el-input v-model="form1.agine" autocomplete="off"></el-input>
          </el-form-item>
        </el-form>
        <div slot="footer" class="dialog-footer">
          <el-button @click="dialogFormVisible = false">取 消</el-button>
          <el-button type="primary" @click="dialogFormVisible = false">确 定</el-button>
        </div>
      </el-dialog>
    </div>
</template>
<script>
export default {
    data() {
        return {
            form1: {
        username: '',
        password: '',
        agine: ''
      },
      formLabelWidth: '120px',
      dialogFormVisible: false,
        }
    },
    methods: {
      
    },
}
</script>